<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>movie.douban</title>
</head>
<link rel="stylesheet" href="asset/css/style.css">
<body>
git 连接 2222
    <div class="head">
        <div class="db-global-nav clear">
            <div class="left-top-nav">
                <ul>
                    <li><a href="">豆瓣</a></li>
                    <li><a href="">读书</a></li>
                    <li><a href="">电影</a></li>
                    <li><a href="">音乐</a></li>
                    <li><a href="">同城</a></li>
                    <li><a href="">小组</a></li>
                    <li><a href="">阅读</a></li>
                    <li><a href="">FM</a></li>
                    <li><a href="">时间</a></li>
                    <li><a href="">豆品</a></li>
                </ul>
            </div>
            <div class="right-top-nav">
                <ul>
                    <li><a href="">下载豆瓣客户端</a></li>
                    <li><a href="">登录/注册</a></li>
                </ul>
            </div>


        </div>
        <div class="db-movie-nav clear">
            <div class="left-movie-nav">
                <div class="logo-title">
                    <a href="">豆瓣电影</a>
                </div>
                <div class="nav-search">
                    <div class="nav-text">
                    <input type="text" size="22" maxlength="80" placeholder="搜索电影、电视剧、综艺、影人" class="sch-text">
                    </div>
                    <div class="nav-submit">
                    <input type="submit" class="sch-button">
                    </div>
                </div>
            </div>
            <div class="bottom-movie-nav clear">
                <div class="bottom-left">
                    <ul>
                        <li><a href="">影讯n购票</a></li>
                        <li><a href="">选电影</a></li>
                        <li><a href="">电视剧</a></li>
                        <li><a href="">排行榜</a></li>
                        <li><a href="">分类</a></li>
                        <li><a href="">影评</a></li>
                        <li><a href="">2019年度榜单</a></li>
                        <li><a href="">2019书影报告</a></li>
                    </ul>
                </div>
            </div>
            <div class="annual-2019">
                <a href=""><img src="asset/img/annual_2019.png" alt="" width="186px"></a>
            </div>
        </div>
    </div>
    <div class="wrapper">
        <div class="content clear">
            <div class="article">
                <div class="hotting">
                    <div class="hotting-head clear">
                        <h2>
                            正在热映
                            <span><a href="">全部正在热映>></a></span>
                            <span><a href="">即将上映>></a></span>
                        </h2>
                        <div class="hotting-slide-control">
                            <span class="prev-btn"></span>
                            <span class="next-btn"></span>
                        </div>
                        <div class="slide-tip">
                            1 / 6
                        </div>
                    </div>
                    <div class="hotting-screening-bd">
                        <ul class="hotting-screening-ul">
                            <li><a href="">
                                <img src="asset/img/p1.webp" alt=""></a>
                                <a href="">
                                    <span class="movie-name">风平浪静</span>
                                </a>
                                <div class="movie-rate">
                                    <span class="rating-star allstar40"></span>
                                    <span class="rating-sorce">7.8</span>
                                </div>
                                <div class="buy-seat">
                                    <a href="">选座购票</a>
                                </div>
                            </li>
                            <li><a href="">
                                <img src="asset/img/p1.webp" alt=""></a>
                                <a href="">
                                    <span class="movie-name">风平浪静</span>
                                </a>
                                <div class="movie-rate">
                                    <span class="rating-star allstar40"></span>
                                    <span class="rating-sorce">7.8</span>
                                </div>
                                <div class="buy-seat">
                                    <a href="">选座购票</a>
                                </div>
                            </li>
                            <li><a href="">
                                <img src="asset/img/p2.webp" alt=""></a>
                                <a href="">
                                    <span class="movie-name">风平浪静</span>
                                </a>
                                <div class="movie-rate">
                                    <span class="rating-star allstar35"></span>
                                    <span class="rating-sorce">7.8</span>
                                </div>
                                <div class="buy-seat">
                                    <a href="">选座购票</a>
                                </div>
                            </li>
                            <li><a href="">
                                <img src="asset/img/p1.webp" alt=""></a>
                                <a href="">
                                    <span class="movie-name">风平浪静</span>
                                </a>
                                <div class="movie-rate">
                                    <span class="rating-star allstar40"></span>
                                    <span class="rating-sorce">7.8</span>
                                </div>
                                <div class="buy-seat">
                                    <a href="">选座购票</a>
                                </div>
                            </li>
                            <li><a href="">
                                <img src="asset/img/p2.webp" alt=""></a>
                                <a href="">
                                    <span class="movie-name">风平浪静</span>
                                </a>
                                <div class="movie-rate">
                                    <span class="rating-star allstar35"></span>
                                    <span class="rating-sorce">7.8</span>
                                </div>
                                <div class="buy-seat">
                                    <a href="">选座购票</a>
                                </div>
                            </li>
                            <li><a href="">
                                <img src="asset/img/p1.webp" alt=""></a>
                                <a href="">
                                    <span class="movie-name">风平浪静</span>
                                </a>
                                <div class="movie-rate">
                                    <span class="rating-star allstar40"></span>
                                    <span class="rating-sorce">7.8</span>
                                </div>
                                <div class="buy-seat">
                                    <a href="">选座购票</a>
                                </div>
                            </li>
                            <li><a href="">
                                <img src="asset/img/p1.webp" alt=""></a>
                                <a href="">
                                    <span class="movie-name">风平浪静</span>
                                </a>
                                <div class="movie-rate">
                                    <span class="rating-star allstar40"></span>
                                    <span class="rating-sorce">7.8</span>
                                </div>
                                <div class="buy-seat">
                                    <a href="">选座购票</a>
                                </div>
                            </li>
                            <li><a href="">
                                <img src="asset/img/p2.webp" alt=""></a>
                                <a href="">
                                    <span class="movie-name">风平浪静</span>
                                </a>
                                <div class="movie-rate">
                                    <span class="rating-star allstar35"></span>
                                    <span class="rating-sorce">7.8</span>
                                </div>
                                <div class="buy-seat">
                                    <a href="">选座购票</a>
                                </div>
                            </li>
                            <li><a href="">
                                <img src="asset/img/p1.webp" alt=""></a>
                                <a href="">
                                    <span class="movie-name">风平浪静</span>
                                </a>
                                <div class="movie-rate">
                                    <span class="rating-star allstar40"></span>
                                    <span class="rating-sorce">7.8</span>
                                </div>
                                <div class="buy-seat">
                                    <a href="">选座购票</a>
                                </div>
                            </li>
                            <li><a href="">
                                <img src="asset/img/p2.webp" alt=""></a>
                                <a href="">
                                    <span class="movie-name">风平浪静</span>
                                </a>
                                <div class="movie-rate">
                                    <span class="rating-star allstar35"></span>
                                    <span class="rating-sorce">7.8</span>
                                </div>
                                <div class="buy-seat">
                                    <a href="">选座购票</a>
                                </div>
                            </li>
                            <li><a href="">
                                <img src="asset/img/p1.webp" alt=""></a>
                                <a href="">
                                    <span class="movie-name">风平浪静</span>
                                </a>
                                <div class="movie-rate">
                                    <span class="rating-star allstar40"></span>
                                    <span class="rating-sorce">7.8</span>
                                </div>
                                <div class="buy-seat">
                                    <a href="">选座购票</a>
                                </div>
                            </li>
                            <li><a href="">
                                <img src="asset/img/p1.webp" alt=""></a>
                                <a href="">
                                    <span class="movie-name">风平浪静</span>
                                </a>
                                <div class="movie-rate">
                                    <span class="rating-star allstar40"></span>
                                    <span class="rating-sorce">7.8</span>
                                </div>
                                <div class="buy-seat">
                                    <a href="">选座购票</a>
                                </div>
                            </li>
                            <li><a href="">
                                <img src="asset/img/p2.webp" alt=""></a>
                                <a href="">
                                    <span class="movie-name">风平浪静</span>
                                </a>
                                <div class="movie-rate">
                                    <span class="rating-star allstar35"></span>
                                    <span class="rating-sorce">7.8</span>
                                </div>
                                <div class="buy-seat">
                                    <a href="">选座购票</a>
                                </div>
                            </li>
                            <li><a href="">
                                <img src="asset/img/p1.webp" alt=""></a>
                                <a href="">
                                    <span class="movie-name">风平浪静</span>
                                </a>
                                <div class="movie-rate">
                                    <span class="rating-star allstar40"></span>
                                    <span class="rating-sorce">7.8</span>
                                </div>
                                <div class="buy-seat">
                                    <a href="">选座购票</a>
                                </div>
                            </li>
                            <li><a href="">
                                <img src="asset/img/p2.webp" alt=""></a>
                                <a href="">
                                    <span class="movie-name">风平浪静</span>
                                </a>
                                <div class="movie-rate">
                                    <span class="rating-star allstar35"></span>
                                    <span class="rating-sorce">7.8</span>
                                </div>
                                <div class="buy-seat">
                                    <a href="">选座购票</a>
                                </div>
                            </li>
                            <li><a href="">
                                <img src="asset/img/p1.webp" alt=""></a>
                                <a href="">
                                    <span class="movie-name">风平浪静</span>
                                </a>
                                <div class="movie-rate">
                                    <span class="rating-star allstar40"></span>
                                    <span class="rating-sorce">7.8</span>
                                </div>
                                <div class="buy-seat">
                                    <a href="">选座购票</a>
                                </div>
                            </li>
                            <li><a href="">
                                <img src="asset/img/p1.webp" alt=""></a>
                                <a href="">
                                    <span class="movie-name">风平浪静</span>
                                </a>
                                <div class="movie-rate">
                                    <span class="rating-star allstar40"></span>
                                    <span class="rating-sorce">7.8</span>
                                </div>
                                <div class="buy-seat">
                                    <a href="">选座购票</a>
                                </div>
                            </li>
                            <li><a href="">
                                <img src="asset/img/p2.webp" alt=""></a>
                                <a href="">
                                    <span class="movie-name">风平浪静</span>
                                </a>
                                <div class="movie-rate">
                                    <span class="rating-star allstar35"></span>
                                    <span class="rating-sorce">7.8</span>
                                </div>
                                <div class="buy-seat">
                                    <a href="">选座购票</a>
                                </div>
                            </li>
                            <li><a href="">
                                <img src="asset/img/p1.webp" alt=""></a>
                                <a href="">
                                    <span class="movie-name">风平浪静</span>
                                </a>
                                <div class="movie-rate">
                                    <span class="rating-star allstar40"></span>
                                    <span class="rating-sorce">7.8</span>
                                </div>
                                <div class="buy-seat">
                                    <a href="">选座购票</a>
                                </div>
                            </li>
                            <li><a href="">
                                <img src="asset/img/p2.webp" alt=""></a>
                                <a href="">
                                    <span class="movie-name">风平浪静</span>
                                </a>
                                <div class="movie-rate">
                                    <span class="rating-star allstar35"></span>
                                    <span class="rating-sorce">7.8</span>
                                </div>
                                <div class="buy-seat">
                                    <a href="">选座购票</a>
                                </div>
                            </li>
                            <li><a href="">
                                <img src="asset/img/p1.webp" alt=""></a>
                                <a href="">
                                    <span class="movie-name">风平浪静</span>
                                </a>
                                <div class="movie-rate">
                                    <span class="rating-star allstar40"></span>
                                    <span class="rating-sorce">7.8</span>
                                </div>
                                <div class="buy-seat">
                                    <a href="">选座购票</a>
                                </div>
                            </li>
                            <li><a href="">
                                <img src="asset/img/p1.webp" alt=""></a>
                                <a href="">
                                    <span class="movie-name">风平浪静</span>
                                </a>
                                <div class="movie-rate">
                                    <span class="rating-star allstar40"></span>
                                    <span class="rating-sorce">7.8</span>
                                </div>
                                <div class="buy-seat">
                                    <a href="">选座购票</a>
                                </div>
                            </li>
                            <li><a href="">
                                <img src="asset/img/p2.webp" alt=""></a>
                                <a href="">
                                    <span class="movie-name">风平浪静</span>
                                </a>
                                <div class="movie-rate">
                                    <span class="rating-star allstar35"></span>
                                    <span class="rating-sorce">7.8</span>
                                </div>
                                <div class="buy-seat">
                                    <a href="">选座购票</a>
                                </div>
                            </li>
                            <li><a href="">
                                <img src="asset/img/p1.webp" alt=""></a>
                                <a href="">
                                    <span class="movie-name">风平浪静</span>
                                </a>
                                <div class="movie-rate">
                                    <span class="rating-star allstar40"></span>
                                    <span class="rating-sorce">7.8</span>
                                </div>
                                <div class="buy-seat">
                                    <a href="">选座购票</a>
                                </div>
                            </li>
                            <li><a href="">
                                <img src="asset/img/p2.webp" alt=""></a>
                                <a href="">
                                    <span class="movie-name">风平浪静</span>
                                </a>
                                <div class="movie-rate">
                                    <span class="rating-star allstar35"></span>
                                    <span class="rating-sorce">7.8</span>
                                </div>
                                <div class="buy-seat">
                                    <a href="">选座购票</a>
                                </div>
                            </li>
                            <li><a href="">
                                <img src="asset/img/p1.webp" alt=""></a>
                                <a href="">
                                    <span class="movie-name">风平浪静</span>
                                </a>
                                <div class="movie-rate">
                                    <span class="rating-star allstar40"></span>
                                    <span class="rating-sorce">7.8</span>
                                </div>
                                <div class="buy-seat">
                                    <a href="">选座购票</a>
                                </div>
                            </li>
                            <li><a href="">
                                <img src="asset/img/p1.webp" alt=""></a>
                                <a href="">
                                    <span class="movie-name">风平浪静</span>
                                </a>
                                <div class="movie-rate">
                                    <span class="rating-star allstar40"></span>
                                    <span class="rating-sorce">7.8</span>
                                </div>
                                <div class="buy-seat">
                                    <a href="">选座购票</a>
                                </div>
                            </li>
                            <li><a href="">
                                <img src="asset/img/p2.webp" alt=""></a>
                                <a href="">
                                    <span class="movie-name">风平浪静</span>
                                </a>
                                <div class="movie-rate">
                                    <span class="rating-star allstar35"></span>
                                    <span class="rating-sorce">7.8</span>
                                </div>
                                <div class="buy-seat">
                                    <a href="">选座购票</a>
                                </div>
                            </li>
                            <li><a href="">
                                <img src="asset/img/p1.webp" alt=""></a>
                                <a href="">
                                    <span class="movie-name">风平浪静</span>
                                </a>
                                <div class="movie-rate">
                                    <span class="rating-star allstar40"></span>
                                    <span class="rating-sorce">7.8</span>
                                </div>
                                <div class="buy-seat">
                                    <a href="">选座购票</a>
                                </div>
                            </li>
                            <li><a href="">
                                <img src="asset/img/p2.webp" alt=""></a>
                                <a href="">
                                    <span class="movie-name">风平浪静</span>
                                </a>
                                <div class="movie-rate">
                                    <span class="rating-star allstar35"></span>
                                    <span class="rating-sorce">7.8</span>
                                </div>
                                <div class="buy-seat">
                                    <a href="">选座购票</a>
                                </div>
                            </li>
                            <li><a href="">
                                <img src="asset/img/p1.webp" alt=""></a>
                                <a href="">
                                    <span class="movie-name">风平浪静</span>
                                </a>
                                <div class="movie-rate">
                                    <span class="rating-star allstar40"></span>
                                    <span class="rating-sorce">7.8</span>
                                </div>
                                <div class="buy-seat">
                                    <a href="">选座购票</a>
                                </div>
                            </li>
                            <li><a href="">
                                <img src="asset/img/p1.webp" alt=""></a>
                                <a href="">
                                    <span class="movie-name">风平浪静</span>
                                </a>
                                <div class="movie-rate">
                                    <span class="rating-star allstar40"></span>
                                    <span class="rating-sorce">7.8</span>
                                </div>
                                <div class="buy-seat">
                                    <a href="">选座购票</a>
                                </div>
                            </li>
                            <li><a href="">
                                <img src="asset/img/p2.webp" alt=""></a>
                                <a href="">
                                    <span class="movie-name">风平浪静</span>
                                </a>
                                <div class="movie-rate">
                                    <span class="rating-star allstar35"></span>
                                    <span class="rating-sorce">7.8</span>
                                </div>
                                <div class="buy-seat">
                                    <a href="">选座购票</a>
                                </div>
                            </li>
                            <li><a href="">
                                <img src="asset/img/p1.webp" alt=""></a>
                                <a href="">
                                    <span class="movie-name">风平浪静</span>
                                </a>
                                <div class="movie-rate">
                                    <span class="rating-star allstar40"></span>
                                    <span class="rating-sorce">7.8</span>
                                </div>
                                <div class="buy-seat">
                                    <a href="">选座购票</a>
                                </div>
                            </li>
                            <li><a href="">
                                <img src="asset/img/p2.webp" alt=""></a>
                                <a href="">
                                    <span class="movie-name">风平浪静</span>
                                </a>
                                <div class="movie-rate">
                                    <span class="rating-star allstar35"></span>
                                    <span class="rating-sorce">7.8</span>
                                </div>
                                <div class="buy-seat">
                                    <a href="">选座购票</a>
                                </div>
                            </li>
                            <li><a href="">
                                <img src="asset/img/p1.webp" alt=""></a>
                                <a href="">
                                    <span class="movie-name">风平浪静</span>
                                </a>
                                <div class="movie-rate">
                                    <span class="rating-star allstar40"></span>
                                    <span class="rating-sorce">7.8</span>
                                </div>
                                <div class="buy-seat">
                                    <a href="">选座购票</a>
                                </div>
                            </li>
                            <li><a href="">
                                <img src="asset/img/p1.webp" alt=""></a>
                                <a href="">
                                    <span class="movie-name">风平浪静</span>
                                </a>
                                <div class="movie-rate">
                                    <span class="rating-star allstar40"></span>
                                    <span class="rating-sorce">7.8</span>
                                </div>
                                <div class="buy-seat">
                                    <a href="">选座购票</a>
                                </div>
                            </li>
                            <li><a href="">
                                <img src="asset/img/p2.webp" alt=""></a>
                                <a href="">
                                    <span class="movie-name">风平浪静</span>
                                </a>
                                <div class="movie-rate">
                                    <span class="rating-star allstar35"></span>
                                    <span class="rating-sorce">7.8</span>
                                </div>
                                <div class="buy-seat">
                                    <a href="">选座购票</a>
                                </div>
                            </li>
                            <li><a href="">
                                <img src="asset/img/p1.webp" alt=""></a>
                                <a href="">
                                    <span class="movie-name">风平浪静</span>
                                </a>
                                <div class="movie-rate">
                                    <span class="rating-star allstar40"></span>
                                    <span class="rating-sorce">7.8</span>
                                </div>
                                <div class="buy-seat">
                                    <a href="">选座购票</a>
                                </div>
                            </li>
                            <li><a href="">
                                <img src="asset/img/p2.webp" alt=""></a>
                                <a href="">
                                    <span class="movie-name">风平浪静</span>
                                </a>
                                <div class="movie-rate">
                                    <span class="rating-star allstar35"></span>
                                    <span class="rating-sorce">7.8</span>
                                </div>
                                <div class="buy-seat">
                                    <a href="">选座购票</a>
                                </div>
                            </li>

                        </ul>

                    </div>
                </div>
                <div class="recently-movies">
                    <div class="fliter-nav clear">
                        <h3><div class="activate">最近热门电影</div>
                            <div class="fliter">
                                <ul>
                                    <li><a href="">热门</a></li>
                                    <li><a href="">最新</a></li>
                                    <li><a href="">豆瓣高分</a></li>
                                    <li><a href="">冷门佳片</a></li>
                                    <li><a href="">话语</a></li>
                                    <li><a href="">欧美</a></li>
                                    <li><a href="">韩国</a></li>
                                    <li><a href="">日本</a></li>
                                </ul>
                            </div>
                            <a href="" class="more-lick">更多</a>
                        </h3>
                    </div>
                    <div class="rm-list">
                        <div class="list-frame">
                            <div class="slide-list clear">
                                <div class="slide-page">
                                    <a href="" class="item">
                                        <div class="cover-wp">
                                            <img src="asset/img/p11.jpg" alt="">
                                        </div>
                                        <p>一点就到家
                                        <strong>6.9</strong></p>
                                    </a>
                                    <a href="" class="item">
                                        <div class="cover-wp">
                                            <img src="asset/img/p12.jpg" alt="">
                                        </div>
                                        <p>一点就到家
                                            <strong>6.9</strong></p>
                                    </a>
                                    <a href="" class="item">
                                        <div class="cover-wp">
                                            <img src="asset/img/p13.jpg" alt="">
                                        </div>
                                        <p>一点就到家
                                            <strong>6.9</strong></p>
                                    </a>
                                    <a href="" class="item">
                                        <div class="cover-wp">
                                            <img src="asset/img/p15.jpg" alt="">
                                        </div>
                                        <p>一点就到家
                                            <strong>6.9</strong></p>
                                    </a>
                                    <a href="" class="item">
                                        <div class="cover-wp">
                                            <img src="asset/img/p11.jpg" alt="">
                                        </div>
                                        <p>一点就到家
                                            <strong>6.9</strong></p>
                                    </a>
                                    <a href="" class="item ">
                                        <div class="float_div"></div>
                                        <div class="cover-wp">
                                            <img src="asset/img/p12.jpg" alt="">
                                        </div>
                                        <p>一点就到家
                                            <strong>6.9</strong></p>
                                    </a>
                                    <a href="" class="item">
                                        <div class="cover-wp">
                                            <img src="asset/img/p22.jpg" alt="">
                                        </div>
                                        <p>一点就到家
                                            <strong>6.9</strong></p>
                                    </a>
                                    <a href="" class="item">
                                        <div class="cover-wp">
                                            <img src="asset/img/p13.jpg" alt="">
                                        </div>
                                        <p>一点就到家
                                            <strong>6.9</strong></p>
                                    </a>
                                    <a href="" class="item">
                                        <div class="cover-wp">
                                            <img src="asset/img/p15.jpg" alt="">
                                        </div>
                                        <p>一点就到家
                                            <strong>6.9</strong></p>
                                    </a>
                                    <a href="" class="item">
                                        <div class="cover-wp">
                                            <img src="asset/img/p12.jpg" alt="">
                                        </div>
                                        <p>一点就到家
                                            <strong>6.9</strong></p>
                                    </a>


                                </div>


                            </div>
                            <div class="slide-control">
                                <a href="" class="btn-prev"></a>
                                <a href="" class="dot" id="inspire"></a>
                                <a href="" class="dot"></a>
                                <a href="" class="dot"></a>
                                <a href="" class="dot"></a>
                                <a href="" class="dot"></a>
                                <a href="" class="btn-next"></a>
                            </div>

                        </div>
                        <div class="gallery-frame">
                            <div class="gallery-hd">
                                <div class="gallery-slide-control">
                                    <span class="btn-prev">
                                        <a href="" class="gallery-btn-prev"></a>
                                    </span>
                                    <span class="btn-next">
                                        <a href="" class="gallery-btn-next"></a>
                                    </span>
                                </div>
                                <div class="gallery-tip">
                                    1 / 8
                                </div>
                                <h2>热门推荐</h2>
                            </div>
                            <div class="galley-body" style="position: relative; width: 675px; height: 240px;overflow: hidden">
                                    <ul class="galley-slide-list clear">
                                        <li class="slide-list-item">
                                            <div class="g-slide-list-frame clear">
                                                <a href=""><img src="asset/img/reco-pic1.jpg" alt=""width="350px" height="240px"></a>
                                                <div class="gallery-detail">
                                                    <div class="detail-hd">
                                                        <a href=""><h3>Netflix《王国：北方的阿信》预告</h3></a>
                                                    </div>
                                                    <div class="detail-intro"><p>全智贤主演Netflix丧尸剧《王国》外传《王国：北方的阿信》2021年上线！</p></div>
                                                </div>
                                            </div></li>
                                        <li class="slide-list-item">
                                            <div class="g-slide-list-frame clear">
                                                <a href=""><img src="asset/img/reco-pic1.jpg" alt=""width="350px" height="240px"></a>
                                                <div class="gallery-detail">
                                                    <div class="detail-hd">
                                                        <a href=""><h3>Netflix《王国：北方的阿信》预告</h3></a>
                                                    </div>
                                                    <div class="detail-intro"><p>全智贤主演Netflix丧尸剧《王国》外传《王国：北方的阿信》2021年上线！</p></div>
                                                </div>
                                            </div></li>
                                        <li class="slide-list-item">
                                            <div class="g-slide-list-frame clear">
                                                <a href=""><img src="asset/img/reco-pic1.jpg" alt=""width="350px" height="240px"></a>
                                                <div class="gallery-detail">
                                                    <div class="detail-hd">
                                                        <a href=""><h3>Netflix《王国：北方的阿信》预告</h3></a>
                                                    </div>
                                                    <div class="detail-intro"><p>全智贤主演Netflix丧尸剧《王国》外传《王国：北方的阿信》2021年上线！</p></div>
                                                </div>
                                            </div></li>
                                        <li class="slide-list-item">
                                            <div class="g-slide-list-frame clear">
                                                <a href=""><img src="asset/img/reco-pic1.jpg" alt=""width="350px" height="240px"></a>
                                                <div class="gallery-detail">
                                                    <div class="detail-hd">
                                                        <a href=""><h3>Netflix《王国：北方的阿信》预告</h3></a>
                                                    </div>
                                                    <div class="detail-intro"><p>全智贤主演Netflix丧尸剧《王国》外传《王国：北方的阿信》2021年上线！</p></div>
                                                </div>
                                            </div></li>
                                        <li class="slide-list-item">
                                            <div class="g-slide-list-frame clear">
                                                <a href=""><img src="asset/img/reco-pic1.jpg" alt=""width="350px" height="240px"></a>
                                                <div class="gallery-detail">
                                                    <div class="detail-hd">
                                                        <a href=""><h3>Netflix《王国：北方的阿信》预告</h3></a>
                                                    </div>
                                                    <div class="detail-intro"><p>全智贤主演Netflix丧尸剧《王国》外传《王国：北方的阿信》2021年上线！</p></div>
                                                </div>
                                            </div></li>
                                        <li class="slide-list-item">
                                            <div class="g-slide-list-frame clear">
                                                <a href=""><img src="asset/img/reco-pic1.jpg" alt=""width="350px" height="240px"></a>
                                                <div class="gallery-detail">
                                                    <div class="detail-hd">
                                                        <a href=""><h3>Netflix《王国：北方的阿信》预告</h3></a>
                                                    </div>
                                                    <div class="detail-intro"><p>全智贤主演Netflix丧尸剧《王国》外传《王国：北方的阿信》2021年上线！</p></div>
                                                </div>
                                            </div></li>
                                        <li class="slide-list-item">
                                            <div class="g-slide-list-frame clear">
                                                <a href=""><img src="asset/img/reco-pic1.jpg" alt=""width="350px" height="240px"></a>
                                                <div class="gallery-detail">
                                                    <div class="detail-hd">
                                                        <a href=""><h3>Netflix《王国：北方的阿信》预告</h3></a>
                                                    </div>
                                                    <div class="detail-intro"><p>全智贤主演Netflix丧尸剧《王国》外传《王国：北方的阿信》2021年上线！</p></div>
                                                </div>
                                            </div></li>
                                        <li class="slide-list-item">
                                            <div class="g-slide-list-frame clear">
                                                <a href=""><img src="asset/img/reco-pic1.jpg" alt=""width="350px" height="240px"></a>
                                                <div class="gallery-detail">
                                                    <div class="detail-hd">
                                                        <a href=""><h3>Netflix《王国：北方的阿信》预告</h3></a>
                                                    </div>
                                                    <div class="detail-intro"><p>全智贤主演Netflix丧尸剧《王国》外传《王国：北方的阿信》2021年上线！</p></div>
                                                </div>
                                            </div></li>
                                    </ul>
                            </div>
                        </div>
                        <div class="popular-frame">
                            <div class="popular-hd">
                                <h2>
                                    最受欢迎的电影
                                    <span><a href="">更多热门影评>></a></span>
                                    <span><a href="">新片影评>></a></span>
                                </h2>
                            </div>
                            <div class="popular-bd">
                                <div class="populars clear">
                                    <div class="populars-hd">
                                        <a href=""><img src="asset/img/ppl1.webp" alt=""></a>
                                    </div>
                                    <div class="populars-bd">
                                        <h3><a href="">烟花璀璨一世极荒谬</a></h3>
                                        <div class="populars-meta">
                                            <a href="">徒然草  评论</a>
                                            <a href="" class="text-padding">《兔子暴力》 </a>
                                            <span class="rating-star allstar40"></span>
                                        </div>
                                        <div class="populars-content">
                                            这是一个青春痘一样的城市 充足的日照给城市加上了一层过曝滤镜 看上去很光明 其实布满了溃疡 对于攀枝花的印象，二滩水电站、重工业，日照充足，以前有个同事是攀枝花的，大家成箱成箱让他带芒果，据说很好吃，...                                            <a href="">(全文)</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="populars clear">
                                    <div class="populars-hd">
                                        <a href=""><img src="asset/img/ppl2.webp" alt=""></a>
                                    </div>
                                    <div class="populars-bd">
                                        <h3><a href="">《恋曲1980》——2020年，日本给我的第一个惊喜。</a></h3>
                                        <div class="populars-meta">
                                            <a href="">鯉  评论</a>
                                            <a href="" class="text-padding">《恋曲1980》 </a>
                                            <span class="rating-star"></span>
                                        </div>
                                        <div class="populars-content">
                                            昨天去了第33届东京国际电影节在六本木的展映点，看了由梅峰执导，李现、春夏、麦子主演的文艺片——《恋曲1980》。 毫不夸张的说，这场座无虚席、没有人提前退场、绝大多数人都坐到片尾曲放完、结束还有部分观众...                                        </div>
                                    </div>
                                </div>
                                <div class="populars clear">
                                    <div class="populars-hd">
                                        <a href=""><img src="asset/img/ppl3.webp" alt=""></a>
                                    </div>
                                    <div class="populars-bd">
                                        <h3><a href="">冲动的原罪，原罪者的布道 </a></h3>
                                        <div class="populars-meta">
                                            <a href="">阿吉  评论</a>
                                            <a href="" class="text-padding">《七宗罪》 </a>
                                            <span class="rating-star allstar40"></span>
                                        </div>
                                        <div class="populars-content">
                                            七宗罪最终是个悲剧，该死的都死了，不该死的也死了。剩下两个侦探，一个失去了最重要的东西。一个带着满心遗憾地离开了。或许震撼了社会、震撼了世人，但是最终并没有改变世界。 影片中的纽约，灰暗、潮湿、肮脏...                                    </div>
                                    </div>
                                </div>
                                <div class="populars-end clear">
                                    <div class="populars-hd">
                                        <a href=""><img src="asset/img/ppl4.webp" alt=""></a>
                                    </div>
                                    <div class="populars-bd">
                                        <h3><a href="">T婆工厂：跨国抗争中的绚烂彩虹 | 暗房讨论No.03 </a></h3>
                                        <div class="populars-meta">
                                            <a href="">暗房工人联谊会  评论</a>
                                            <a href="" class="text-padding"> 《T婆工厂》 </a>
                                            <span class="rating-star"></span>
                                        </div>
                                        <div class="populars-content">
                                            暗房工人联谊会是由一群热爱电影和现实世界的年轻朋友组成的观影团体。实际上，不仅对电影胶片进行显影的原初之地被称为暗房，电影最初被记录下来的摄像机胶片暗盒也是暗房，作品被观众完整欣赏的影院也是暗房。...                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>



            </div>
            <div class="aside">
                <div class="rate-answer">
                    <h2><a href="">豆瓣电影评分八问</a></h2>

                </div>
                <div class="billboard">
                    <div class="billboard-hd">
                        <h2>一周口碑榜</h2>
                        <span><a href="">更多榜单»</a></span>
                    </div>
                    <div class="billboard-bd">
                        <ul>
                            <li>1<a href="">杀马特我爱你</a></li>
                            <li>2<a href="">气球</a></li>
                            <li>3<a href="">担保</a></li>
                            <li>4<a href="">埃舍尔街的红色邮筒</a></li>
                            <li>5<a href="">鸟类变形记</a></li>
                            <li>6<a href="">鲍勃的圣诞礼物</a></li>
                            <li>7<a href="">无声</a></li>
                            <li>8<a href="">黑猩猩</a></li>
                            <li>9<a href="">常春藤</a></li>
                            <li>10<a href="">火球：来自黑暗世界的访客</a></li>
                        </ul>
                    </div>


                </div>
                <div class="dou-list">
                    <h3>热门豆列</h3>
                    <ul>
                        <li><a href="">英国权威电影杂志《视与听》每月最佳影片</a></li>
                        <li><a href="">179部经典港片</a></li>
                    </ul>

                </div>
                <div class="contact-and-coo">
                    <h3>合作联系</h3>
                    <ul>
                        <li>电影合作邮箱：<img src="asset/img/email_movie.png" alt=""></li>
                        <li>电视剧合作邮箱：  <img src="asset/img/email_tv.png" alt=""><img class="new" src="asset/img/ic_new.png" alt=""></li>
                        <li>豆瓣影人PRO合作邮箱：<img src="asset/img/email_pro.png" alt=""></li>
                    </ul>
                </div>
                <div class="contact-mod clear">
                    <h3>关注我们</h3>
                    <ul>
                        <li><a href="" class="icon-weibo"></a><a href="" class="icon-name">微博</a></li>
                        <li><a href="" class="icon-weixin"></a><a href="" class="icon-name">微信</a></li>
                        <li><a href="" class="icon-banzui"></a><a href="" class="icon-name">瓣嘴</a></li>
                        <li><a href="" class="icon-douban"></a><a href="" class="icon-name">豆瓣影人PRO</a></li>
                        <li><a href="" class="icon-guanying"></a><a href="" class="icon-name">观影club</a></li>
                    </ul>
                </div>
                <div class="ad clear">
                    <div class="ad-pic">
                        <a href=""><img src="asset/img/ad-pic.jpg" alt=""></a>
                    </div>
                    <div class="ad-tittle">
                        <a href="">豆瓣电影日历2021｜电影是浓缩的人生</a>
                        <br>
                        豆瓣豆品
                    </div>
                </div>
            </div>

        </div>

    </div>
    <div class="footer">
        <div class="left-footer">
            © 2005－2020 douban.com, all rights reserved 北京豆网科技有限公司
        </div>
        <div class="right-footer">
            <ul>
                <li><a href="">关于豆瓣</a></li>
                <li><a href="">· 在豆瓣工作</a></li>
                <li><a href="">· 联系我们</a></li>
                <li><a href="">· 法律声明</a></li>
                <li><a href="">· 帮助中心</a></li>
                <li><a href="">· 移动应用</a></li>
                <li><a href="">· 豆瓣广告</a></li>
            </ul>
        </div>
    </div>

<script type="text/javascript" src="jquery-3.5.1的副本.js"></script>
    <script>
        $(function (){
            index = 1
            $('.next-btn').click(function (){
                if (!$('.hotting-screening-ul').is(':animated')){
                    index++
                    console.log(index)
                    if (index == 8){
                        $('.hotting-screening-ul').css('left','-700px')
                        index=2
                    }
                    x = -700*index+"px"
                    $('.hotting-screening-ul').animate({left: x},600)}
            })

            $('.prev-btn').click(function (){
                if (!$('.hotting-screening-ul').is(':animated'))
                index--
                if ($(index == -1)){
                    $('.hotting-screening-ul').css("left","-4900px")
                    index = 6
                }
                var x = -700*index+"px"
                $('.hotting-screening-ul').animate({left: x},600)
            })

            $('.slide-page a:eq(5)').mousemove(function (){
                $('.float_div').css('display','block')
            });
            $('.slide-page a:eq(5)').mouseleave(function (){
                $('.float_div').css('display','none')
            });
            $('.slide-page a:eq(6)').mousemove(function (){
                $('.float_div').css('display','block')
            });
            $('.slide-page a:eq(6)').mouseleave(function (){
                $('.float_div').css('display','none')
            });
        })

    </script>
</body>
</html>